.recommend-list{
    .title{
        height: 0.35rem;
        width: 100%;
        font-size: 0.14rem;
        color: #2e3030;
        padding-left: 1.5%;
        text-align: left;
        font-weight: 700;
        line-height: 0.35rem;     
    }
    ul{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;/*子元素自动换行*/
        .item{
            box-sizing: border-box;
            padding: 0 1%;
            width: 33%;
            position: relative;
            a{
                color: #2e3030;
            }
            .icon{
                margin-bottom: 0.05rem;
                width: 100%;
                position: relative;
                .gradients{
                    position: absolute;
                    width: 100%;
                    height: 0.35rem;
                    border-radius: 0.05rem;
                    background: linear-gradient(hsla(0,0%,43%,.4),hsla(0,0%,100%,0));
                    top: 0;
                }
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .play-count{
                position: absolute;
                top: 0.05rem;
                right: 0.08rem;
                font-size: 0.08rem;
                color: #f1f1ff;
                .iconfont{
                    font-size: 0.08rem;
                    margin-right: 0.02rem;
                }
            }
            .text{
                text-align: left;
                height: 0.35rem;
                line-height: 0.16rem;
                font-size: 0.11rem;
                text-overflow:ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                .name{
                    font-size: 0.11rem;
                    overflow: hidden;
                    text-overflow:ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 1;
                    overflow: hidden;
                }
            }
        }
    }
}